<!--药品药剂-->
<template>
	<view>
		<view class="box">
			<view class="search-box">
				<view class="search">
					<input placeholder="药品搜索" />
				</view>
			</view>
			<ul >
				<li class="letters" v-for="(item,index) in letter" :key="index">
					<label><b>{{item.title}}</b></label>
					<ol>
						<li v-for="(items,i) in item.item" :key="i">
							<view class="imgs left">
								药品图
							</view>
							<view class="name left">
								<h3>{{items.name}}</h3>
							</view>
							<view class="factory left">
								厂家:{{items.factory}}
							</view>
							<view class="spec left">规格:{{items.spec}}</view>
							<view class="price left">单价:{{items.price}}元</view>
						</li>
					</ol>
				</li>
			</ul>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				letter:[{title:"A",
				item:[
					{"name":"药品名称药品名称","factory":"123","spec":"10g*9袋一盒","price":"22"},
					{"name":"药品名称药品名称","factory":"123","spec":"10g*9袋一盒","price":"22"},
					{"name":"药品名称药品名称","factory":"123","spec":"10g*9袋一盒","price":"22"}]},
					{title:"B",
					item:[
						{"name":"药品名称药品名称","factory":"123","spec":"10g*9袋一盒","price":"22"},
						{"name":"药品名称药品名称","factory":"123","spec":"10g*9袋一盒","price":"22"},
						{"name":"药品名称药品名称","factory":"123","spec":"10g*9袋一盒","price":"22"}]},
					{title:"C",
					item:[
						{"name":"药品名称药品名称","factory":"123","spec":"10g*9袋一盒","price":"22"},
						{"name":"药品名称药品名称","factory":"123","spec":"10g*9袋一盒","price":"22"},
						{"name":"药品名称药品名称","factory":"123","spec":"10g*9袋一盒","price":"22"}]},
				]
			}
		},
		onLoad(option) {
			this.init();
		},
		methods: {
			init(){
				let params={
					ywlsh0:""+new Date().getTime(),
					funid:"F07.13.02.01"
				}
				this.$postJson("/qnyesb/qnyesbproxy",params,res=>{
					
				})
				let params2={
					ym0000:1,
					myts00:20,
					lbbm00:lbbm00,
					lbmc00:lbmc00,
					ywlsh0:""+new Date().getTime(),
					funid:"F07.13.02.02"
				}
			}
		}
	}
</script>

<style>
.box .imgs{
	width:100px;
	height:100px;
	background-color: #EFEFEF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box .letters{
	width: 100%;
	float: left;
	margin-top: 15px;
	
}
.box .letters label{
	width: 100%;
	padding: 10px;
	
}
.box .letters ol li{
	width: 90%;
	float: left;
	margin-top: 5px;
	background-color: #FFFFFF;
	padding: 10px;
}
.box .factory,.price,.spec,.name{
	width: 60%;
	margin-left: 10px;
}
.box .factory,.spec{
	color:#999999;
}
.box .price{
	color:#2BADFF;
	font-weight: 600;
	font-size: 18px;
	text-align: right;
	padding: 5px;
}

.search-box{
	width: 96%;
	height: 38px;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 8px;
	margin: 0 auto;
	position: relative;
	top: 10px;
}
.search{
	width: 96%;
	height: 38px;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 8px;
	margin: 0 auto;
	position: fixed;
	top: 10px;
	text-align: center;
	line-height: 38px;
}
.search input{
	height: 100%;
	width: 100%;
}
</style>
